<template>
  <div>
    <div class="top">
      <top-nav-3>全部订单</top-nav-3>
    </div>
    <div class="nav">
      <div @click="tiao()">全部</div>
      <div @click="tiao()">待支付</div>
      <div @click="tiao()">待发货</div>
      <div @click="tiao()">待收货</div>
      <div @click="tiao()">已完成</div>
    </div>
    <div class="main">
      <router-view></router-view>
      <div class="wu">
        <img
          src="https://m.jf.10010.com/ts-mobile/img/order.ce140db7.png"
          alt=""
        />
        <p>您还没有订单</p>
      </div>
    </div>
  </div>
</template>

<script>
import topNav3 from "../components/topNav3.vue";
export default {
  components: { topNav3 },
  methods: {
    tiao() {
      this.$router.push({ name: "dingdanlist" });
    },
    //获取订单
  },
  mounted() {},
};
</script>


<style lang="less" scoped>
.top {
  height: 0.44rem;
}
.nav {
  width: 100%;
  height: 44px;
  background: white;
  display: flex;
  > div {
    width: 20%;
    text-align: center;
    line-height: 0.44rem;
    color: #999999;
  }
}
.wu {
  margin-top: 15%;
  > img {
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
  }
  > p {
    text-align: center;
  }
}
</style>